<template>
  <div class="list-group">
    <div class="list-group-item" v-if="!msgs.length">
      Waiting for connection ...
    </div>
    <div
      class="list-group-item"
      v-for="m in msgs"
      :class="{'list-group-item-danger': m.err}">
      <span class="text-info">[{{m.t}}]</span>
      <span class="text-success">[{{(m.type || 'tester') | capitalize}}]</span>
      <strong>{{m.name}}:</strong>
      {{m.msg || m.err}}
    </div>
  </div>
</template>

<script>
exports.props = [
  'msgs'
];
</script>
